<!DOCTYPE html>
<%@ page contentType="text/html;charset=UTF-8"%>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>تعديل كلمة المرور</title>
    </head>
    <body>
    <form name="form1" method="post" action="<%=request.getContextPath()%>/ChangePasswordProcess">
      <table  class="layout_grid">
        <tr>
          <td colspan="2"><h1 class="page_title">شاشة تعديل كلمة المرور</h1></td> 
        </tr>
        <tr>
          <td class="side_label_middle">كلمة المرور الحالية : </td>
          <td><input type="password" name="currentPass" id="currentPass" required></td>
        </tr>
        <tr>
          <td class="side_label_middle">كلمة المرور الجديدة : </td>
          <td><input type="password" name="newPass" id="newPass" required></td>
        </tr>
        <tr>
          <td class="side_label_middle">تأكيد كلمة المرور : </td>
          <td><input type="password" name="confNewPass" id="confNewPass" required data-rule-equalTo="#newPass" data-msg-equalTo="غير مطابقة لكلمة المرور الجديدة"></td>
        </tr>
        <tr>
          <td>&nbsp;</td>
          <td><input type="submit" name="button" id="button" value="عدل كلمة المرور"></td>
        </tr>
      </table>
    </form>
</body>
</html>